<template lang="html">
  <div class="switch_tab">
    <van-tabbar class="main-tabbar"
      :value="active"
      :z-index="11"
      active-color="#07c160"
    >
      <van-tabbar-item icon="home-o" to="/home" :replace="true">首页</van-tabbar-item>
      <van-tabbar-item icon="shop-o" to="/merber/index">会员</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="/personal_center/index">个人中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>

export default {
  props: {
    active: {
      type: Number
    }
  },
  data () {
    return {}
  }
}
</script>

<style lang="css" scoped>
  .switch_tab {
    height: 0.4704rem;
  }
</style>
